<!DOCTYPE html>
<html class="x-admin-sm">
    
    <head>
        <meta charset="UTF-8">
        <title>欢迎页面</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        {eq name="Request.param.refresh" value="1"}<meta http-equiv="refresh" content="20"/>{/eq}
        {include file="public/style" /}
        <script type="text/javascript">
          $(document).ready(function(){
        	  var clipboard = new ClipboardJS('#copy',{
                  text: function(trigger) {
                       layer.msg("复制成功！");
                       return trigger.getAttribute('data-text');
                  }
              });
          })
        </script>
    </head>
    
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">首页</a>
                <a href="">基础管理</a>
                <a><cite>IP拦截列表</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
                <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
            </a>
        </div>
   
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <form class="layui-form layui-col-space5" method="post">
                                <div class="layui-input-inline"><input type="text" name="kw" placeholder="请输入要查找的IP" autocomplete="off" class="layui-input"></div>
                                <div class="layui-input-inline">
                                    <button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </form>
                        </div>
                        <div class="layui-card-header">                           
     
                        </div>     
                        <div class="layui-card-body ">
                            <table class="layui-table layui-form">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>IP</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {volist name="list" id="vo"}
                                    <tr>
                                        <td>{$vo.id}</td>   
                                        <td>{$vo.ip}</td>                                                                  
                                        <td class="td-manage">                                                                         
                                           <a title="删除" onclick="remove_del(this,'{:url("delIpforbid",array("id"=>$vo['id']))}')" href="javascript:void(0);"><i class="layui-icon">&#xe640;</i></a>
                                        </td>
                                    </tr>
                                    {/volist}
                                </tbody>
                            </table>
                        </div>
                        <div class="layui-card-body">
                            <div class="page"><div class="page">{$page|raw}</div></div>
                        </div>
                    </div>
                </div>
            </div>
            <include file="Public/footer" />
        </div>
    </body>
    <script>
       layui.use(['laydate', 'form'],
        function() {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });
     </script>

</html>